﻿{% extends "gma/base.html" %}
{% load mytag %}

<!-- CONTENT
  =====================================================================-->

{% block content %}

<div class="page__bd">
    <div class="weui-panel weui-panel_access">
        <div class="weui-panel__hd"> {{ guild.guild_name }} 结算列表 </div>
        <div class="weui-panel__bd">
            {% for member in members %}
            <a href="{% url 'gma:caster_detail' member.uid %}" class="weui-media-box weui-media-box_appmsg weui-cell_access">
                <div class="weui-media-box__hd">
                    <img class="weui-media-box__thumb avatar" src="{{ member.avatar|cdn }}" alt="">
                </div>
                <div class="weui-media-box__bd">
{#                    <h4 class="weui-media-box__title">{{ member.nickname }}({{ member.uid }})</h4>#}
                    <p class="weui-media-box__desc">在线: {{ member.online_seconds|readable_seconds }}</p>
                    <p class="weui-media-box__desc">通话: {{ member.call_seconds|readable_seconds }}</p>
                    <p class="weui-media-box__desc">接通率: {{ member.receiving_rate }}%</p>
                </div>

                <div class="weui-cell__ft">
                    <div> {{ member.archive_ticket }} <i class="fa fa-ticket-alt"></i> </div>
                </div>
            </a>
            {% endfor %}

           <div class="weui-media-box weui-media-box_text">
                <ul class="weui-media-box__info">
                    <li class="weui-media-box__info__meta"> 共有 {{ members|length }} 名成员 </li>
                </ul>
           </div>
        </div>
    </div>
</div>

<div class="weui-btn-area">
    <a class="weui-btn weui-btn_block weui-btn_primary" href="{% url 'gma:download_guild_archive_data' guild.id batch %}" download="guild_{{ guild.id }}_{{ batch }}.csv"> <i class="fa fa-cloud-download-alt"></i> 导出结算记录 </a>
</div>

<div class="page__ft">
    <a href="{% url 'gma:home' %}">
        <span class="bottom-logo">
           HiBao
       </span>
    </a>
</div>

{% endblock content %}


<!-- SCRIPT
  =====================================================================-->

{% block extra_js %}
{% endblock extra_js %}